<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html>
<html lang="ch">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="左右结构项目，属于大人员的社交工具">
<meta name="keywords" content="左右结构项目 社交 占座 ">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<title>Myblog后台管理</title>
<script src="HT/js/jquery.min.js"></script>
<script src="HT/js/bootstrap.min.js"></script>

<script>
	
	$(document).ready(function(){
		
		$("#sour").click(function(){
			alert("aaa")
		});
		
		
		});
	
	$(function() {
		$(".meun-item").click(function() {
			$(".meun-item").removeClass("meun-item-active");
			$(this).addClass("meun-item-active");
			var itmeObj = $(".meun-item").find("img");
			itmeObj.each(function() {
				var items = $(this).attr("src");
				items = items.replace("_grey.png", ".png");
				items = items.replace(".png", "_grey.png")
				$(this).attr("src", items);
			});
			var attrObj = $(this).find("img").attr("src");
			;
			attrObj = attrObj.replace("_grey.png", ".png");
			$(this).find("img").attr("src", attrObj);
		});
		$("#topAD").click(function() {
			$("#topA").toggleClass(" glyphicon-triangle-right");
			$("#topA").toggleClass(" glyphicon-triangle-bottom");
		});
		$("#topBD").click(function() {
			$("#topB").toggleClass(" glyphicon-triangle-right");
			$("#topB").toggleClass(" glyphicon-triangle-bottom");
		});
		$("#topCD").click(function() {
			$("#topC").toggleClass(" glyphicon-triangle-right");
			$("#topC").toggleClass(" glyphicon-triangle-bottom");
		});
		$(".toggle-btn").click(function() {
			$("#leftMeun").toggleClass("show");
			$("#rightContent").toggleClass("pd0px");
		})
	})
</script>
<!--[if lt IE 9]>
  <script src="js/html5shiv.min.js"></script>
  <script src="js/respond.min.js"></script>
<![endif]-->
<link href="HT/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="HT/css/common.css" />
<link rel="stylesheet" type="text/css" href="HT/css/slide.css" />
<link rel="stylesheet" type="text/css" href="HT/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="HT/css/flat-ui.min.css" />
<link rel="stylesheet" type="text/css" href="HT/css/jquery.nouislider.css">
</head>

<body>
	<div id="wrap">
		<!-- 左侧菜单栏目块 -->
		<div class="leftMeun" id="leftMeun">
			<div id="logoDiv">
				<p id="logoP">
					<img id="logo" alt="左右结构项目" src="images/logo.png"><span>Myblog</span>
				</p>
			</div>
			<div id="personInfor">
				<p id="userName">${login.u_name}</p>
				<p>
					<span>${login.u_email}</span>
					
					
				</p>
				<p>
					<a href="outLogin"
					onClick="return confirm('确定退出吗?');" class="exit">退出登录</a>
				</p>
			</div>
			<div class="meun-title">账号管理</div>
			<div class="meun-item meun-item-active" href="#sour"
				aria-controls="sour" role="tab" data-toggle="tab">
				<img src="HT/images/icon_source.png"> 文章管理
			</div>
			<div class="meun-item" href="#char" aria-controls="char" role="tab"
				data-toggle="tab">
				<img src="HT/images/icon_chara_grey.png">权限管理
			</div>
			<div class="meun-item" href="#user" aria-controls="user" role="tab"
				data-toggle="tab">
				<img src="HT/images/icon_user_grey.png">用户管理
			</div>
			<div class="meun-item" href="#chan" aria-controls="chan" role="tab"
				data-toggle="tab">
				<img src="HT/images/icon_change_grey.png">修改密码
			</div>
			
		</div>
		<!-- 右侧具体内容栏目 -->
		<div id="rightContent">
			<a class="toggle-btn" id="nimei"> <i
				class="glyphicon glyphicon-align-justify"></i>
			</a>
			<!-- Tab panes -->
			<div class="tab-content">
				<!-- 文章管理模块 -->
				<div role="tabpanel" class="tab-pane active" id="sour">
				<iframe src="theArticleManagement" width="1319" height="700" style="border:none"></iframe>  
				</div>	
					
				<!-- 权限管理模块 -->
				<div role="tabpanel" class="tab-pane" id="char">
				<iframe src="theRightsManagement" width="1319" height="700" style="border:none"></iframe>  	
					
				</div>


				
				<!--用户管理模块-->
				<div role="tabpanel" class="tab-pane" id="user">
					<iframe src="theUserManagement" width="1319" height="700" style="border:none"></iframe>
				</div>
				<!-- 修改密码模块 -->
				<div role="tabpanel" class="tab-pane" id="chan">
					

				</div>
				

	<script src="HT/js/jquery.nouislider.js"></script>
	<script type="text/javascript">
	
	$('.exit').click(function() {
		location.replace();
	});
	</script>

	<!-- this page specific inline scripts -->
	
</body>

</html>